<script setup>
// import HelloWorld from './components/HelloWorld.vue'
</script>

<template>
  <!-- <header>
    <div class="wrapper">
      <HelloWorld msg="You did it!" />
    </div>
  </header> -->
  <ul class="nav">
    <li>
      <router-link to="/">Home</router-link>
    </li>
    <li>
      <router-link to="/about">About</router-link>
    </li>
    <li>
      <router-link to="/product/123">product123</router-link>
    </li>
    <li>
      <router-link to="/product/456">product456</router-link>
    </li>
    <li>
      <router-link to="/user">user</router-link>
    </li>
    <li>
      <router-link to="/vuex">vuex</router-link>
    </li>
    <li>
      <router-link to="/vuex-alias">vuex-alias</router-link>
    </li>
    <li>
      <router-link to="/element">Element</router-link>
    </li>
    <li>
      <router-link to="/list-demo">list-demo</router-link>
    </li>
    <li>
      <router-link to="/register">register</router-link>
    </li>
    <li>
      <router-link to="/account-list">Account-list</router-link>
    </li>
    <li>
      <router-link to="/composition-api">Composition-api</router-link>
    </li>
  </ul>
  <div>
    <router-view></router-view>
  </div>
</template>

<style scoped></style>
